<template>
  <van-swipe :autoplay="3000"
             indicator-color="white"
             touchable>
    <van-swipe-item>
      <a href="javascript:void(0);">
        <img src="https://img2.ch999img.com/newstatic/1383/015a31abc6100000.jpg.webp"
             alt />
      </a>
    </van-swipe-item>
    <van-swipe-item>
      <a href="javascript:void(0);">
        <img src="https://img2.ch999img.com/newstatic/1380/015944698e94b192.jpg.webp"
             alt />
      </a>
    </van-swipe-item>
    <van-swipe-item>
      <a href="javascript:void(0);">
        <img src="https://img2.ch999img.com/newstatic/1381/015a91fd88a68bb5.jpg.webp"
             alt />
      </a>
    </van-swipe-item>
    <van-swipe-item>
      <a href="javascript:void(0);">
        <img src="https://img2.ch999img.com/newstatic/1377/015ba01add42e528.jpg.webp"
             alt />
      </a>
    </van-swipe-item>
  </van-swipe>
</template>
<script>
export default {};
</script>
<style scoped>
.van-swipe {
  width: 6.9rem;
  height: 3.45rem;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: -2rem;
  margin-bottom: 0.2rem;
}
.van-swipe a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.van-swipe img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
</style>